
<!-- src/components/CarouselComponent.vue -->
<template>
  <div class="carousel-container">
    <img class="qr-code" src="@/assets/qrcode.png" alt="QR Code">
    <div class="qr-text">
      <h3>扫描二维码</h3>
      <p>关注Axure产品原型 微信公众号</p>
    </div>
  </div>
</template>

<style scoped>
.carousel-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 400px;
  background-color: #f5f5f5;
}
.qr-code {
  width: 150px;
  margin-right: 20px;
}
.qr-text {
  text-align: center;
}
</style>